.querySpan{
  background-color: #f39c12;
  border-radius: 3px;
  margin: 20px 10px;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid;
  border-color: #c87f0a;

}
.stateInput{
  position: relative;
  height: 180px;
}
.stateBookName{
  position: absolute;
  top: 10px;
  right: 50%;
  text-align: center;
  &>span{
    margin-right: 20px;
  }
  &>input{
    padding: 6px 12px;
    height: 34px;
    width: 360px;
    border: 1px solid ;
    border-radius: 3px;
    border-color: #d2d6de;
  }
}
.stateSelectBook{
  position: absolute;
  top: 10px;
  right: 10%;
  color: #555;
  &>Select{
    width: 360px;
    padding: 6px 12px;
    font-size: 14px;
    padding: 1px 1px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
  }
  &>span{
    margin-right: 20px;
}
}
.stateBookButton{
  position: absolute;
  right: 10%;
  bottom: 10px;
  &>button{
    padding: 6px 12px;
    margin-left:10px;
    border-radius: 3px;
    height: 34px; 
  }
}
.queryButton{
  color: #fff;
  padding: 6px 12px;
  background-color: #337ab7;
  border-color: #2e6da4;
  margin-left:10px;
  border-radius: 3px;
}
.excelButton{
  color: #fff;
  padding: 6px 12px;
  background-color: #5cb85c;
  border-color: #4cae4c;
  margin-left:10px;
  border-radius: 3px;
}
.firstData{
  position: absolute;
  top: 80px;
  right: 50%;
  text-align: center;
}
.secdData{
  position: absolute;
  top: 80px;
  right: 10%;
  text-align: center;
}